<html>

	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
		<script type="text/javascript" src="../../zxt/zxt.js"></script>
		<script>
			importZXT("../../zxt");
		</script>

	</head>

	<body class="bodyBackground">

		<div id="text1" zxt="zxt.ui.Textbox" ></div>
		<div id="select1" zxt="zxt.ui.Select" >
			<div zxt.option="" zxt.label=""></div>
			<div zxt.option="Male" zxt.label="男"></div>
			<div zxt.option="Female" zxt.label="女"></div>
		</div>
		<div id="check1" zxt="zxt.ui.Checkbox" zxt.value="1" zxt.check="1" zxt.uncheck="2" ></div>
		<div id="radio1" zxt="zxt.ui.Radiobox" zxt.group="group1" zxt.value="false" ></div>
		<div id="radio2" zxt="zxt.ui.Radiobox" zxt.group="group1" zxt.value="false" ></div>
		<div id="cardidbox2" zxt="zxt.ui.Cardidbox" zxt.required="false" style="width:200px;height:20px;"></div>
		<div id="combobox2" zxt="zxt.ui.Combobox" zxt.labelonly="false" zxt.required="true" zxt.options="a:1,b:2,c:3" zxt.chooseonly="false" ></div>

		<div id="btn3" zxt="zxt.ui.Button" zxt.label="save" zxt.text="保存"  ></div>
		<div id="btn4" zxt="zxt.ui.Button" zxt.label="restore" zxt.text="复原" ></div>
		<div>
			<a href="../index.html">返回</a>
		</div>
	</body>
</html>

<script>
	$zxt.init();
	var state = {};

	function onClick$btn3() {
		state = $zxt.saveState();
	}

	function onClick$btn4() {
		$zxt.restoreState(state);
	}
</script>